:host {
  --cv-dialog-border-radius: 0;
  --cv-dialog-horizontal-padding: 0;
  --cv-dialog-vertical-padding: 0;
  --mdc-dialog-scrim-color: transparent;
  --mdc-dialog-min-width: 100vw;
  --mdc-dialog-max-width: 100vw;
  --mdc-dialog-min-height: 100vh;
  --mdc-dialog-max-height: 100vh;
}

.mdc-dialog .mdc-dialog__container {
  opacity: 1;
  transform: translateX(100%);
  transition: transform 300ms ease;
}

.mdc-dialog--opening {
  .mdc-dialog__container {
    transform: translateX(100%);
  }
}

.mdc-dialog--open {
  .mdc-dialog__container {
    transform: translateX(0);
    transition: transform 300ms ease;
  }
}

.mdc-dialog--closing {
  .mdc-dialog__container {
    opacity: 1;
    transform: translateX(100%);
    transition: transform 300ms ease;
  }
}
